<template>
  <el-tabs type="border-card" class="goods-container">
    <el-tab-pane label="商品管理">
      <!-- 引入商品管理组件 -->
      <Goods></Goods>
    </el-tab-pane>
    <el-tab-pane label="类目管理">
      <!-- 引入类目管理组件 -->
      <Category></Category>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import Category from "./components/categorymanagement.vue";
import Goods from "./components/goodsmanagement.vue";
export default {
  name: "",
  components: { Category, Goods },
  data() {
    return {};
  },
  computed: {},
  created() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
::v-deep #tab-0.is-active,
::v-deep #tab-1.is-active {
  background-color: #daeafd;
  border-radius: 20px;
}
// .goods-container {
//   height: 90vh;
// }
</style>